/* 
    Document   : theme
    Created on : 31.05.2011, 08:19:00
    Author     : Miguel Gonzalez
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body {
    margin:0px;
    padding:0px;
    font-family:constantia;        
    background-color:#d9d9d9;
    text-align:justify;
}

@font-face {
    font-family: 'constantia';
    src: url('../fonts/chunkfive-webfont.eot'); /* EOT file for IE */
    src: local('☺'), url('type/gisha.ttf') format('truetype'); /* TTF file for CSS3 browsers */
}


div#header {    
    background-repeat:no-repeat;
    background-position: top center;
    background-image: url(../img/header.png);
    background-color:transparent;
    height:250px;
}


div#box {
    text-align:center;    
    margin:0px;
    padding:0px;    
    background: url(../img/bottom.png) x-repeat bottom center;
    background-color:transparent;
}

div#leftside {    
    margin:0px;
    padding:0px;
    width:100%;
}

div#rightside {
    margin:0px;
    padding:0px;
    width:100%;
    background-color:white;
}

div#wrapper {
    border-radius: 16px 16px 16px 16px;
    display: inline-block;
    margin-top: 54px;
    min-width: 1135px;
    padding: 0px;    
    margin-bottom: 0px;
    min-height:700px;
    margin-left:120px;
    
}

div#left, div#right {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    vertical-align:top;
    text-align:left;
}

div#left {
    width:730px;
    margin-top:-73px;
    padding-right:40px;
    text-align:justify;
    padding-bottom:30px;
} 

div#right {
    width:360px;
    margin-top:-60px;
}

div#menu ul {
    padding:0px;
    margin:0px;
}

div#menu a {
    text-decoration:none;
    color:#444444;
    font-size:22px;
    letter-spacing:2px;
    font-weight:500;
}

div#menu a.selected {
    color:#333;
    font-size:32px;
}


div#menu {
    text-align:left;
    padding-left:6px;
}

div#menu li {
    list-style:none;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    text-align:left;  
    padding-right:77px;
}


div#bar {
    margin-top:-65px;
}

div#content {
    padding-top:46px;
    padding-left:10px;
}

div#footer {
    border:none;
}

div#footer div.block-body {
    text-align:left;
    height:40px;
    margin-top:40px;
    border:1px solid #dddddd;
    border-radius: 10px 10px 10px 10px;
    background-color:#eeeeee;
    color:black;
    padding: 10px !important;
    padding-bottom:9px !important;
    font-size:12px;
   
}

div#footer img {
    padding-top:13px;
    padding-right:15px;
    border:none;
}

div#bookmarks div.block {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    height:100px;
    vertical-align:top;
}

div#bookmarks div.block div.block-body {
    width:auto;
    vertical-align:top;
}

div#bookmarks div.block a {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    width:50px;
    height:50px;
    font-size:0px;    
}

div#bookmarks {
    height: 110px;
    margin-bottom: 50px;
    margin-top: -117px;
    vertical-align: top;
}

div.block-search {
    margin-bottom:15px;    
}

div.block-search .block-body {
    padding-left:0px !important;
}

div#bookmarks div.block, div#bookmarks div.block-body { background-position:bottom center; width:59px; }

div#bookmarks div.block {
    margin-right:6px;
    
} 

div#bookmarks div.block-body {
    
}

/* RSS */
div#bookmarks div.block.block-rss { background-image:url(../img/bookmark_rss_mirror.png); background-repeat:no-repeat; }
div#bookmarks div.block-rss div.block-body { background-image:url(../img/bookmark_rss.png); background-repeat:no-repeat; background-position:center center; }

/* Facebook */
div#bookmarks div.block.block-facebook { background-image:url(../img/bookmark_facebook_mirror.png); background-repeat:no-repeat; }
div#bookmarks div.block-facebook div.block-body { background-image:url(../img/bookmark_facebook.png); background-repeat:no-repeat; background-position:center center;}

/* Skype */
div#bookmarks div.block.block-skype { background-image:url(../img/bookmark_skype_mirror.png); background-repeat:no-repeat; }
div#bookmarks div.block-skype div.block-body { background-image:url(../img/bookmark_skype.png); background-repeat:no-repeat; background-position:center center;}

/* Twitter */
div#bookmarks div.block.block-twitter { background-image:url(../img/bookmark_twitter_mirror.png); background-repeat:no-repeat; }
div#bookmarks div.block-twitter div.block-body { background-image:url(../img/bookmark_twitter.png); background-repeat:no-repeat; background-position:center center; }



/* BLOG */

.node h2  {
    margin-bottom:10px;
    
}

.node-info {
    font-size:14px;
    color:#888888;
}

.node-body {
    color:#444444;
    line-height:25px;
    text-shadow: 0 1px 1px #dedede;
    margin-top:-55px;
}

.node-more-info {
    border:1px solid #dddddd;
    border-radius: 5px 5px 5px 5px;
    background-color:#eeeeee;
    color: #333333;
    padding: 10px;
    box-shadow:inset 0px 1px 1px #fff; 
}

.node-more-info a {
    color:#444444;
    text-decoration:none;
}

.node-more-info a:hover {
    color:black;
}

/* TAG-Styling */

.vocabulary ul {
    display:block;
}

.vocabulary ul li {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    padding-right:20px;
}

/* Nodes */

#left div.node {
    padding-top:5px;
    padding-bottom:20px;
}

li {
    list-style-type:disc;
   
    
}

div.block-body {
    border-radius: 10px 10px 10px 10px;
    color: black;
    padding: 10px;
}


/* Ausnahmen */

div.block-search div.block-body, div#bookmarks div.block-body, div#footer div.block-body, div#bookmarks {
	background-color:transparent !important;
	border:none;
        background:none;
        box-shadow:none;
}

div.block-search div.block-body {
    padding-right:0px !important;
}

div#bar div.block-body {
    margin-right:10px;
}

/* clouds */

div.banner {
    background:url(../img/banner.png) no-repeat center center;
    width:400px;
    height:180px;
    position:absolute;
}

div.cloud {
    width:150px;
    height:70px;    
    position:absolute;    
    overflow:visible;
}

div.cloud-1 {
    background:url(../img/clouds/cloud-1.png) no-repeat center center;
}

div.cloud-2 {
    background:url(../img/clouds/cloud-2.png) no-repeat center center;
}

div.cloud-3 {
    background:url(../img/clouds/cloud-3.png) no-repeat center center;
}

div.cloud-4 {
    background:url(../img/clouds/cloud-4.png) no-repeat center center;
}

div.cloud-5 {
    background:url(../img/clouds/cloud-5.png) no-repeat center center;
}

div.cloud span.layer {
    display:none;
}


div.fb-like {
    margin-top:10px;
    text-align:center;
    margin-left:7px;
}